/*
Web: http://www.jsForms.com
Copyright (C) 2008  Igor Demyanov (mailto:Igor.Demyanov@gmail.com)
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
jsForms.Templates.IndexPage='<div class="IndexPage999">'+
		'<component type="TabControl" name="mainTabs" class="IndexPage9">'+
					'<properties><key name="Align" value="bottom"/></properties>'+
			'<content>'+
			'<component type="TabItem">'+
			'<properties><key name="Title" value="Design"/></properties>'+
			'<content>'+
				'<component type="DesignDockComponent">'+
				'<content>'+
					'<div name="Screen" class="screen"/>'+
				'</content>'+
				'</component>'+
			'</content>'+
			'</component>'+
			
			'<component type="TabItem">'+
			'<properties><key name="Title" value="Source"/></properties>'+
			'<events>'+
			'<key name="onSelect" value="sourceTabSelect"/>'+
			'<key name="onDeselect" value="sourceTabDeselect"/>'+
			'</events>'+
			'<content>'+
				'<component type="SourceEditor" name="templateSourceEditor">'+
				'<properties><key name="InitParam" >'+
				'{syntax: "html"'+
				',start_highlight: true'+
				',allow_resize: "both"'+
				',allow_toggle: true'+
				',show_line_colors: true}'+
				'</key></properties>'+
				'</component>'+
			'</content>'+
			'</component>'+
			
			'<component type="TabItem">'+
			'<properties><key name="Title" value="Files"/></properties>'+
			'<content>'+
				'<div>CSS</div>'+
				'<textarea name="cssText" class="EditorInputCSS">'+
				'.button-text{	background-image:none;	color:#fff;	cursor:pointer;	font-family:Arial;	font-size:11px;	line-height:20px;	padding: 0 8px 0 8px;	position:relative;'+
				'	text-align:center;	vertical-align:middle;}'+
				'</textarea>'+
				'<component type="Button">'+
					'<properties>'+
						'<key name="Text" value="Scan"/>'+
					'</properties>'+
					'<events><key name="onClick" value="bScanCSS_Click"/></events>'+
				'</component>'+
			'</content>'+
			'</component>'+
			'<component type="TabItem">'+
			'<properties><key name="Title" value="Output"/></properties>'+
			'<events>'+
			'<key name="onSelect" value="outputTabSelect"/>'+
			'</events>'+
			'<content>'+
				'<div>CSS:</div>'+
				'<textarea READONLY name="outputCSS" class="EditorOutputCSS"/>'+
				'<div>Template:</div>'+
				'<textarea READONLY name="outputTemplate" class="EditorOutputTemplate"/>'+
				'<component type="Button">'+
					'<properties>'+
						'<key name="Text" value="Generate"/>'+
					'</properties>'+
					'<events><key name="onClick" value="GenerateOutputCSS"/></events>'+
				'</component>'+
			'</content>'+
			'</component>'+
			'</content>'+
		'</component>'+
		'<component name="sRight" type="Slider" class="IndexPage2">'+
			'<properties>'+
				'<key name="Speed" value="fast" />'+
				'<key name="MaxState" type="object">{width:"500px"}</key>'+
				'<key name="MinState" type="object" value="{width:\'20px\'}" />'+
			'</properties>'+
			'<events>'+
				'<key name="onResize" value="ResizeLeftSlider"/>'+
			'</events>'+
			'<content>'+
			'<component type="TabControl">'+
			'<content>'+
				'<component type="TabItem">'+
				'<properties><key name="Title" value="DOM"/></properties>'+
				'<content>'+
						'<component name="tvComponentDOM" type="TreeView">'+
							'<events>'+
								'<key name="onChangeSelect" value="tvComponentDOM_ChangeSelect"/>'+
							'</events>'+
						'</component>'+
				'</content>'+
				'</component>'+
				
				'<component type="TabItem">'+
				'<properties><key name="Title" value="CSS"/></properties>'+
				'<content>'+
					'<component type="CssConfig" name="CSSList"/>'+
				'</content>'+
				'</component>'+
				
				'<component type="TabItem">'+
				'<properties><key name="Title" value="CFG"/></properties>'+
				'<content>'+
					'<component type="Expander">'+
					'<properties><key name="HeaderText" value="Events"/></properties>'+
					'<content>'+
						'<div name="eventsList"/>'+
					'</content>'+
					'</component>'+
					'<component type="Expander">'+
					'<properties><key name="HeaderText" value="Properties"/></properties>'+
					'<content>'+
						'<div name="propertiesList"/>'+
					'</content>'+
					'</component>'+
				'</content>'+
				'</component>'+
				
				'<component type="TabItem">'+
				'<properties><key name="Title" value="Control"/></properties>'+
				'<content>'+
					'<div>'+
							'<div>Tag:</div>'+
							'<select size="1" name="insertTag">'+
								'<option value="-">-</option>'+
								'<option value="DIV">DIV</option>'+
								'<option value="SPAN">SPAN</option>'+
								'<option value="SELECT">SELECT</option>'+
								'<option value="OPTION">OPTION</option>'+
							'</select>'+
							'<div>Text:</div>'+
							'<input name="insertText"/>'+
							'<div>Component:</div>'+
							'<select size="1" name="insertComponent"/>'+
							'<component type="Button">'+
								'<properties><key name="Text" value="Insert"/></properties>'+
								'<events><key name="onClick" value="InsertElement_Click"/></events>'+
							'</component>'+
						'</div>'+
						'<component type="Button">'+
								'<properties><key name="Text" value="Apply"/></properties>'+
								'<events><key name="onClick" value="Apply_PropertiesClick"/></events>'+
						'</component>'+
						'<component type="Button">'+
								'<properties><key name="Text" value="Delete"/></properties>'+
								'<events><key name="onClick" value="DeleteElement_Click"/></events>'+
						'</component>'+
						'<component type="Button">'+
								'<properties><key name="Text" value="Up"/></properties>'+
								'<events><key name="onClick" value="UpElement_Click"/></events>'+
						'</component>'+
						'<component type="Button">'+
								'<properties><key name="Text" value="Down"/></properties>'+
								'<events><key name="onClick" value="DownElement_Click"/></events>'+
						'</component>'+
				'</content>'+
				'</component>'+
				
				'<component type="TabItem">'+
				'<properties><key name="Title" value="Components"/></properties>'+
				'<content>'+
					'<component name="lbComponentList" type="ListBox">'+
						'<events>'+
							'<key name="onChangeSelect" value="lbComponentList_ChangeSelect"/>'+
						'</events>'+
					'</component>'+
					'<div>Name:</div>'+
					'<input name="iNewComponentName"/>'+
					'<component type="Button">'+
							'<properties>'+
								'<key name="Text" value="New component"/>'+
							'</properties>'+
							'<events><key name="onClick" value="onClickNewComponent"/></events>'+
					'</component>'+
				'</content>'+
				'</component>'+
				
				'<component type="TabItem">'+
				'<properties><key name="Title" value="Empty"/></properties>'+
				'<content>'+
					'<component type="Expander">'+
						'<properties><key name="HeaderText" value="Tests"/></properties>'+
						'<content>'+
							'<component type="Button">'+
								'<properties>'+
									'<key name="Text" value="Run Tests"/>'+
								'</properties>'+
								'<events><key name="onClick" value="bRunTest_Click"/></events>'+
							'</component>'+
						'</content>'+
					'</component>'+
				'</content>'+
				'</component>'+
			'</content>'+
			'</component>'+
			'</content>'+
		'</component>'+
'</div>';